
require('../lib/swiper/swiper-bundle.css');
require('../css/index.less');
document.ready(function () {
    //跳转登录页面
    window.utils.checkUserLogin();

    // 渲染 Tab 栏
    window.utils.addTabs(0)

    // 配置轮播插件
    new Swiper('.swiper-container', {
        loop: true, // 循环模式选项
        autoplay: true, // 自动切换

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        }
    });

    // 获取首页数据
    const rankingData = document.querySelector('.ranking_data');//排名
    const numData = document.querySelector('.num_data');//徽章
    const dayData = document.querySelector('.day_data');//打卡天数
    const ptcData = document.querySelector('.ptc_data');//打卡
    // 封装数据渲染
    function getData() {
        // 获取ID
        let users = JSON.parse(localStorage.getItem('user'));
        $http.get('/headPageInfo?userId='+users.user.userId, function (res) {
            if (res.status === 0) {
                // 请求成功后渲染排名到页面
                rankingData.textContent = res.data.rank;
                // 渲染徽章
                numData.textContent = res.data.insigniaNum;
                // 渲染天数
                dayData.textContent = res.data.punchIn;
                // 是否打卡
                if (res.data.isPunch=='false') {
                    ptcData.textContent = '今日打卡';
                    ptcData.addEventListener('click', handleClick)
                }
                else {
                    ptcData.textContent = '已打卡';
                    ptcData.removeEventListener('click', handleClick)
                }
                // console.log(res);
            }
        })
    }
    getData();  
    // 获取ID
    let users = JSON.parse(localStorage.getItem('user'));
    
    function handleClick() {
        //打卡请求
        $http.get('/clockIn?userId=' + users.user.userId, function (res2) {
            if (res2.status !== 0) {
                ptcData.textContent = '今日打卡';
                ptcData.removeEventListener('click', handleClick)
            } else {
                getData();
                ptcData.textContent = '已打卡';
            }
        })

    }
})
